<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业3</title>
    <style>
        form,body
        {
            background-color: pink;
        }
    </style>
</head>
<body>
    <form method="post" action="">
        <caption>填写账户信息</caption>
        <hr>
        <p>
            用户名:<input name="username" type="text"><span>*注册后不可更改</span>
        </p>
        <p>
            Email:<input name="emailname" type="text"><span>*重要!请填写有效邮箱</span>
        </p>
        <p>
            密码:<input type="password" name="pws">
        </p>
        <p>
            确认密码:<input type="password" name="pws">
        </p>
        <p>
            性别:
            <label for="gender1">
                <input type="radio" name="sex" value="男" id="gender1" name="gender" checked>男
            </label>
            <label for="gender2">
                <input type="radio" name="sex" value="女" id="gender2" name="gender">女
            </label>
            <span>(*注册后不可改变)</span>
        </p>
        <p>
            <label for="age">
                年龄:<input type="number" max="120" min="18">
            </label>
        </p>
        <p>
            <label for="kind">
                交友类型:
                <select>
                    <option value="婚恋" selected>婚恋</option>
                    <option value="打游戏">打游戏</option>
                    <option value="阅读">阅读</option>
                    <option value="购物">购物</option>
                </select>
            </label>
        </p>
        <p>
            <label for="city">
                城市:
                <select>
                    <option value="湖南">湖南</option>
                    <option value="湖北">湖北</option>
                    <option value="河北">河北</option>
                    <option value="北京">北京</option>
                    <option value="四川">四川</option>
                    <option value="河南" selected>河南</option>
                </select>
                <select>
                    <option value="郑州" selected>郑州</option>
                    <option value="长沙">长沙</option>
                    <option value="湘潭">湘潭</option>
                    <option value="株洲">株洲</option>
                    <option value="衡阳">衡阳</option>
                    <option value="永州">永州</option>
                    <option value="怀化">怀化</option>
                </select>
                <select>
                    <option value="中原区" selected>中原区</option>
                    <option value="雨花区">雨花区</option>
                    <option value="鹤城区">鹤城区</option>
                    <option value="零陵区">零陵区</option>
                    <option value="雨母区">雨母区</option>
                    <option value="岳麓区">岳麓区</option>
                    <option value="望城区" >望城区</option>
                </select>
            </label>
        </p>
        <p>
            手机:<input name="phonename" type="text"><span>(可以不写)</span>
        </p>
        <p>
            QQ/MSN:<input name="QQname" type="text"><span>加QQ请注明来自七彩桥</span>
        </p>
        <p>
            <label for="zhiye">
                从事职业:
                <select>
                    <option value="请选择" selected>请选择</option>
                    <option value="金融">金融</option>
                    <option value="信息">信息</option>
                    <option value="会计">会计</option>
                    <option value="律师">律师</option>
                    <option value="老师">老师</option>
                </select>
            </label>
        </p>
        <p>
            <label for="student">
                学历:
                <select>
                    <option value="请选择" selected>请选择</option>
                    <option value="小学">小学</option>
                    <option value="初中">初中</option>
                    <option value="高中">高中</option>
                    <option value="大学">大学</option>
                    <option value="硕士">硕士</option>
                </select>
            </label>
        </p>
        <p>
            <label for="salary">
                月收入:
                <select>
                    <option value="请选择" selected>请选择</option>
                    <option value="5000元以下">5000元以下</option>
                    <option value="5000元~10000元">5000元~10000元</option>
                    <option value="10000元以上">10000元以上</option>
                </select>
            </label>
        </p>
        <p>
            身高:<input name="tallname" type="text"><span>CM  *注册后不可更改</span>
        </p>
        <p>
            体重:<input name="bodyname" type="text"><span>KG  *注册后不可更改</span>
        </p>
        <p>
            验证码:<input name="name" type="text"><img src=""><span><u style="color: red;">换一张</u></span>
        </p>
        <p>
            <input type="checkbox" name="contrct" value="我已经阅读并同意注册协议">我已经阅读并同意注册协议
        </p>
        <p>
            <button type="submit">注册</button>
            <button type="reset">重置</button>
        </p>
    </form>
</body>
</html>